Mockup

Um mockup é uma simulação de como será o produto final, ele é utilizado para que o cliente possa visualizar o produto antes de ser desenvolvido. Desse modo, é possível fazer alterações e melhorias antes de iniciar o desenvolvimento, além de ser uma forma de garantir que o produto final atenda as expectativas do cliente. Durante a sprint 2, o grupo desenvolveu o mockup do projeto utilizando o design system Spalla criado no Figma durante a sprint 1.

Biblioteca de Componentes

O Figma é uma ferramenta de design de interface de usuário baseada em navegador, que permite criar protótipos de alta fidelidade. O design system Spalla foi desenvolvido no Figma e é composto por várias bibliotecas de componentes. Esses componentes são elementos de interface de usuário reutilizáveis em diferentes telas ou arquivos, além de serem editáveis e personalizáveis. Eles também podem ser utilizados em outros projetos. Abaixo estão as bibliotecas de componentes do design system Spalla:

Lib - Spalla Colors

Lib - Spalla Typography

Lib - Spalla Icons

Mockup do Projeto

Claro! Aqui está o texto corrigido e melhorado:

O mockup do projeto foi desenvolvido utilizando o design system Spalla no Figma, com o objetivo de proporcionar a melhor experiência possível para o usuário. Além disso, seguimos as diretrizes do "TAPI" e consideramos todos os pontos levantados e sugeridos pelo cliente. Abaixo está o mockup do projeto:

Conclusão

A utilização de design systems é uma prática comum no desenvolvimento de produtos digitais, pois facilita a criação de interfaces consistentes e de alta qualidade. O design system Spalla foi essencial para o desenvolvimento do mockup do projeto, proporcionando uma experiência de usuário mais agradável e intuitiva. Todos os componentes utilizados no mockup foram criados com base no design system Spalla, garantindo a consistência visual e a padronização da interface. Além disso, o uso do design system acelerou o processo de design e facilitará a implementação do projeto.